<template>

    <div>
      <b-container fluid>
        <b-row>
          <b-col sm="0" md="1" lg="2" xl="3"></b-col>
          <b-col sm="12" md="10" lg="8" xl="6">
            <div>
              <div>
                <b-navbar toggleable="lg" type="light" variant="faded">
                  <b-navbar-brand href="#">Bionet</b-navbar-brand>

                  <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

                  <b-collapse id="nav-collapse" is-nav>
                    <b-navbar-nav>
                      <b-nav-item href="/">首页</b-nav-item>
                      <b-nav-item href="/algo">算法</b-nav-item>
                      <b-nav-item href="/kegg">Kegg</b-nav-item>
                      <b-nav-item href="#">关于我们</b-nav-item>
                    </b-navbar-nav>
                  </b-collapse>
                </b-navbar>
              </div>
            </div>
            <el-divider content-position="right">Bionet</el-divider>
            <div>
              <nuxt />
            </div>
            <div>
              <b-navbar
                toggleable="lg"
                type="light"
                variant="light"
                fixed="bottom"
                style="height: 40px"
              ></b-navbar>
            </div>
          </b-col>
          <b-col sm="0" md="1" lg="2" xl="3"></b-col>
        </b-row>
      </b-container>
    </div>

</template>

<script>
import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";

export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style>
a {
  text-decoration: none;
  color: #000000;
  font-family: "Times New Roman", Times, serif;
}
li {
  list-style-type: none;
}
</style>